body {
	background: #fff;
	color: #333;
	padding:15px 20px;
	font-family: 'Microsoft YaHei','Lantinghei SC','Open Sans',Arial,'Hiragino Sans GB','STHeiti','WenQuanYi Micro Hei','SimSun',sans-serif;
	line-height: 1.5em;
}
a { color: #0496b6}
h1, h2 { margin: 1em 0 1.5em 0; color: #0f556f}
.tabs h1, .tabs h2 { color: #333; margin-bottom: 1.1em;}
.tabs ul, .tabs ol, .tabs p { margin-top:0; padding-top: 1em;}
.tabs ul li, .tabs ol li { margin-bottom: 0.5em;}
hgroup h1 { margin-bottom:0; margin-top:0; line-height: 1.2em;}
hgroup h2 { font-size: 1.1em; font-weight: normal; position: absolute; top: 16px; right:20px;}
.btn { display: block; float: left;  padding: 10px 15px; background: #0496b6; font-size: 1.5em; color: #fff; font-weight: bold; text-decoration: none; border-radius: 5px;  text-align: center; box-shadow: 2px 2px 2px #eee;}
.btn:hover { background: #3cb7d3}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.intro { margin: 20px 0; background: #c9f6f9; border: 1px solid #ccc; box-shadow: 2px 2px 2px #eee; padding: 5px 15px 10px 15px; }
p.demo-intro { font-size: 1.2em; margin-bottom: -0.5em; font-weight: bold; }

@media (max-width: 767px) {
	hgroup h1 { margin-top: 25px;}
	hgroup h2 { top: 0; left: 5px; font-size:12px;}
 	.btn { width: 80%; margin: 20px auto; float:none;}
}